<template>
	<view>
		<!-- 定制详情 S -->
		<view class="tp-bgf tp-ptb0lr30 tp-pb20 tp-pt20">
			<view class="flex flex_column tp-fz28 tp-fc333 tp-lh54 tp-mt15 tp-pb20">
				<view class="level_align">
					<text class="tp-fc666 tp-mr10">方案类型：</text><text>{{statusVo.applyTypeDesc || '--'}}</text>
				</view>
				<view class="level_align">
					<text class="tp-fc666 tp-mr10"><text class="tp-mr20">姓 </text><text class="tp-mr40"></text> 名：</text><text>{{statusVo.name || '--'}}</text>
				</view>
				<view class="level_align">
					<text class="tp-fc666 tp-mr10">联系电话：</text><text>{{statusVo.phone || '--'}}</text>
				</view>
				<view class="level_align" v-if="isTeam">
					<text class="tp-fc666 tp-mr10">团建名称：</text><text>{{statusVo.teamName  || '--'}} </text>
				</view>
				<view class="level_align  tp-pb20" v-if="statusVo.email">
					<text class="tp-fc666 tp-mr10"><text class="tp-mr20">邮 </text><text class="tp-mr40"></text> 箱：</text><text>{{statusVo.email}}
					</text>
				</view>
				<view class="">
					<view class="tp-h2 tp-bcF5"></view>
					<view class="level_align tp-mt20">
						<text class="tp-fc666 tp-mr10">出行日期：</text><text>{{statusVo.startTime || '--'}}至{{statusVo.outTime || '--'}}(共{{statusVo.travelDay || '--'}}天) </text>
					</view>
					<view class="level_align" v-if="statusVo.memberNum">
						<text class="tp-fc666 tp-mr10">出行人数：</text><text>{{statusVo.memberNum}}人</text>
					</view>
					<view class="level_align tp-bdbm tp-pb20" v-if="statusVo.yuSuan">
						<text class="tp-fc666 tp-mr10">人均预算：</text><text>{{statusVo.yuSuan}}元 </text>
					</view>
					<view class="" v-if="!isTeam">
						<view class="tp-fc666 tp-lh64 tp-mt10">
							需要提供服务:
						</view>
						<view class="tp-bgf tp-pb20 level_align flex_wrap">
							<view class="tp-ptb0lr20 tp-lh44  tp-br8 tp-dib tp-mt20 tp-mr20 tp-bc tp-fcF" v-for="(item,index) in info.serverList" :key="index">
								{{item}}
							</view>
						</view>
					</view>
					<view class="" v-if="isTeam">
						<view class="tp-fc666 tp-lh64 tp-mt10">
							定制主题:
						</view>
						<view class="tp-bgf tp-pb20 level_align flex_wrap">
							<view class="tp-ptb0lr20 tp-lh44  tp-br8 tp-dib tp-mt20 tp-mr20 tp-bc tp-fcF" v-for="(item,index) in info.serverList" :key="index">
								{{item}}
							</view>
						</view>
					</view>
					<view class="tp-fc666 tp-lh64" >
						其他服务:
					</view>
					<view class="tp-fc333" >
						{{info.remark || '--'}}
					</view>
				</view>

			</view>
		</view>
		<!-- 定制详情 E -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isTeam: true, // true 团队  false 个人
				orderId: "", //订单id
				info: {}, // 页面数据
				statusVo: {}, //	订单基本信息
				list: ['线路设计', '订机票', '订酒店', '线路设计', '订机票', '当地导游', '接送', '订酒店', '当地导游'],
			};
		},
		onLoad(opt) {
			this.orderId = opt.id;
			this.getPageInfo()
		},
		// 下拉刷新
		onPullDownRefresh() {
			this.getPageInfo();
		},
		methods: {
			// 获取页面数据
			getPageInfo() {
				this.$http.get(this.$api.customizedStatusDesc + "?orderId=" + this.orderId).then((res) => {
					uni.stopPullDownRefresh();
					if (res.code === 200) {
						this.info = res.data;
						this.statusVo = res.data.statusVo;
						this.isTeam = res.data.statusVo.applyTypeDesc == "个人定制" ? false : true;

					}
				});
			},
		}
	}
</script>

<style lang="scss">

</style>
